<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link type="text/css" rel="stylesheet" href="css/common.css" />
		<link type="text/css" rel="stylesheet" href="css/section.css" />
		<link type="text/css" rel="stylesheet" href="css/reset.css" />
	</head>
	<body>
		<!-- 第一板块 -->
		<!-- 控制轮播图外层颜色变化 -->
		<div id="color-change">
			
			<!-- 轮播图 -->
			<div id="change-pic" class="pos" >
				<!-- 轮播图变动的部分 -->
				<a id="pic" href="#">
					<img src="./img/section/focus.jpg" />
				</a>
				<!-- 固定不动的右侧客户端图片 -->
				<div id="fixed-pic" class="abs bkground-download">
					<a href="#" class="block bkground-download"></a>
					<p class="txt-center f12">PC 安卓 iPhone WP iPad Mac 六大客户端</p>
				</div>
				<a id="left" href="#" class="abs inblock txt-center"><</a>
				<a id="right" href="#" class="abs inblock txt-center">></a>
				<ul id="fc" class="cl abs">
					<li class="left"><a href="#" class="block abs"></a></li>
					<li class="left mlv"><a href="#" class="block abs"></a></li>
					<li class="left mlv"><a href="#" class="block abs"></a></li>
					<li class="left mlv"><a href="#" class="block abs"></a></li>
					<li class="left mlv"><a href="#" class="block abs"></a></li>
					<li class="left mlv"><a href="#" class="block abs"></a></li>
					<li class="left mlv"><a href="#" class="block abs"></a></li>
				</ul>
			</div>
		</div>
		<!-- 第二板块 -->
		<div id="content" class="pos">
			
			<!-- 左部分内容 -->
			<div id="content-L" class="abs">
				<div id="hot-recommend" class="cl">
					<div id="rec-nav">
						<img src="./img/section/red-disc.png" class="left" />
						<a href="#" class="left f22">热门推荐</a>
						<div id="tab" class="left">
							<a href="#" class="f12">华语</a>
							<span class="mlm mrm">|</span>
							<a href="#" class="f12">流行</a>
							<span class="mlm mrm">|</span>
							<a href="#" class="f12">摇滚</a>
							<span class="mlm mrm">|</span>
							<a href="#" class="f12">民谣</a>
							<span class="mlm mrm">|</span>
							<a href="#" class="f12">电子</a>
						</div>
						<span>
							<img src="./img/section/red-right.png" class="right mtm"/>
							<a href="#" class="f12 right mtm">更多</a>
						</span>
					</div>
					<div id="rec-ul">
						<ul class="cl">
							<li class="pos mtv mrm left mbm">
								<div>
									<a href="#" class="block">
										<img src="./img/section/109951164387632509.jpg" class="block" />
									</a>
									<div id="nav-n" class="bkground-coverall abs cl" >
										<a href="#" id="headset" class="bkground-iconall left"></a>
										<span class="f12 left">69万</span>
										<a href="#" class="bkground-iconall abs"></a>
									</div>
								</div>
								<a href="#" class="f14 mtm block">我不想遇见更好的人，我只想要你</a>
							</li>
							<li class="pos mtv left mlv mrm mbm">
								<div>
									<a href="#" class="block">
										<img src="./img/section/109951163938845329.jpg" class="block" />
									</a>
									<div id="nav-n" class="bkground-coverall abs cl" >
										<a href="#"  id="headset" class="bkground-iconall left"></a>
										<span class="f12 left">15万</span>
										<a href="#" class="bkground-iconall abs"></a>
									</div>
								</div>
								<a href="#" class="f14 mtm block">那些惊艳了时光的翻唱，开口跪系列</a>
							</li>
							<li class="pos mtv left mlv mrm mbm">
								<div>
									<a href="#" class="block">
										<img src="./img/section/109951163561148208.jpg" class="block" />
									</a>
									<div id="nav-n" class="bkground-coverall abs cl" >
										<a href="#"  id="headset" class="bkground-iconall left"></a>
										<span class="f12 left">12458万</span>
										<a href="#" class="bkground-iconall abs"></a>
									</div>
								</div>
								<a href="#" class="f14 mtm block">「好听的翻唱Cover集」</a>
							</li>
							<li class="pos mtv left mlv mbm">
								<div>
									<a href="#" class="block">
										<img src="./img/section/109951164239211289.jpg" class="block" />
									</a>
									<div id="nav-n" class="bkground-coverall abs cl" >
										<a href="#"  id="headset" class="bkground-iconall left"></a>
										<span class="f12 left">42124</span>
										<a href="#" class="bkground-iconall abs"></a>
									</div>
								</div>
								<i class="bkground-icon block left"></i>
								<a href="#" class="f14 mtm block">加快版&emsp;大田后生仔</a>
							</li>
							<li class="pos add-mt left mrm mbm">
								<div>
									<a href="#" class="block">
										<img src="./img/section/18953381440004340.jpg" class="block" />
									</a>
									<div id="nav-n" class="bkground-coverall abs" >
										<a href="#"  id="headset" class="bkground-iconall left cl"></a>
										<span class="f12 left">13058万</span>
										<a href="#" class="bkground-iconall abs"></a>
									</div>
								</div>
								<a href="#" class="f14 mtm block">经典老歌，久听不厌</a>
							</li>
							<li class="pos add-mt left mlv mrm mbm">
								<div>
									<a href="#" class="block">
										<img src="./img/section/109951164294987862.jpg" class="block" />
									</a>
									<div id="nav-n" class="bkground-coverall abs cl" >
										<a href="#"  id="headset" class="bkground-iconall left"></a>
										<span class="f12 left">1632</span>
										<a href="#" class="bkground-iconall abs"></a>
									</div>
								</div>
								<i class="bkground-icon block left"></i>
								<a href="#" class="f14 mtm block">妈妈我想吃烤山药</a>
							</li>
							<li class="pos add-mt left mlv mrm mbm">
								<div>
									<a href="#" class="block">
										<img src="./img/section/109951164216872799.jpg" class="block" />
									</a>
									<div id="nav-n" class="bkground-coverall abs cl" >
										<a href="#"  id="headset" class="bkground-iconall left"></a>
										<span class="f12 left">249万</span>
										<a href="#" class="bkground-iconall abs"></a>
									</div>
								</div>
								<a href="#" class="f14 mtm block">世界它太小，小到容不下爱人的心</a>
							</li>
							<li class="pos add-mt left mlv mbm">
								<div>
									<a href="#" class="block">
										<img src="./img/section/109951164440002814.jpg" class="block" />
									</a>
									<div id="nav-n" class="bkground-coverall abs cl" >
										<a href="#"  id="headset" class="bkground-iconall left"></a>
										<span class="f12 left">19万</span>
										<a href="#" class="bkground-iconall abs"></a>
									</div>
								</div>
								<i class="bkground-icon block left"></i>
								<a href="#" class="f14 mtm block">耀温顺382</a>
							</li>
						</ul>
					</div>
				</div>
				<!-- 新碟上架的导航 -->
				<div id="newDVD">
					<div id="model" class="bkground-index cl">
						<a href="#" class="left f20">新碟上架</a>
						<span class="cl"> 
							<i class="right bkground-index inblock mtm"></i>
							<a href="#" class="f12 right mtm">更多</a>
						</span>
					</div>
					<!-- 新碟上架的内容部分 -->
					<div id="DVD-content" class="pos">
						<div id="inner" class="cl">
							<a href="#" class="abs bkground-index block" id="D-left"></a>
							<div class="left">
								<ul id="DVD-inner-ul" class="abs cl block">
									<li class="left inline bkground-index">
										<div>
											<img src="img/section/109951164440649436.jpg" class="block"/>
											<a href="#" title="初恋那件小事 电视剧原声带" class="abs bkground-coverall"></a>
										</div>
										<p id="DVD-inner-P1" class="ellipsis f12"><a href="" title="初恋那件小事 电视剧原声带">初恋那件小事 电视剧原声带</a></p>
										<p id="DVD-inner-P2" class="ellipsis f12"><a href="#" title="群星">群星</a></p>
									</li>
									<li class="left inline bkground-index">
										<div>
											<img src="img/section/109951164431436715.jpg" class="block"/>
											<a href="#" title="Harleys In Hawali" class="abs bkground-coverall"></a>
										</div>
										<p id="DVD-inner-P1" class="ellipsis f12"><a href="" title="Harleys In Hawali">Harleys In Hawali</a></p>
										<p id="DVD-inner-P2" class="ellipsis f12"><a href="#" title="Katy Perry">Katy Perry</a></p>
									</li>
									<li class="left inline bkground-index">
										<div>
											<img src="img/section/109951164429099932.jpg" class="block"/>
											<a href="#" title="我爱你这是最好的安排 电视剧原声音乐专辑" class="abs bkground-coverall"></a>
										</div>
										<p id="DVD-inner-P1" class="ellipsis f12"><a href="" title="我爱你这是最好的安排 电视剧原声音乐专辑">我爱你这是最好的安排 电视剧原声音乐专辑</a></p>
										<p id="DVD-inner-P2" class="ellipsis f12"><a href="#" title="群星">群星</a></p>
									</li>
									<li class="left inline bkground-index">
										<div>
											<img src="img/section/109951164429037390.jpg" class="block"/>
											<a href="#" title="야호(夜好)" class="abs bkground-coverall"></a>
										</div>
										<p id="DVD-inner-P1" class="ellipsis f12"><a href="" title="야호(夜好)">야호(夜好)</a></p>
										<p id="DVD-inner-P2" class="ellipsis f12"><a href="#" title="N.Flying">N.Flying</a></p>
									</li>
									<li class="left inline bkground-index">
										<div>
											<img src="img/section/109951164384346866.jpg" class="block"/>
											<a href="#" title="我和我的祖国" class="abs bkground-coverall"></a>
										</div>
										<p id="DVD-inner-P1" class="ellipsis f12"><a href="" title="我和我的祖国">我和我的祖国</a></p>
										<p id="DVD-inner-P2" class="ellipsis f12"><a href="#" title="王菲">王菲</a></p>
									</li>
								</ul>
								<a href="#" class="abs bkground-index block" id="D-right"></a>
							</div>
						</div>
					</div>
					
					<!-- 榜单部分 -->
					<div id="List">
						<div id="model" class="bkground-index cl">
							<a href="#" class="left f20">榜单</a>
							<span class="cl"> 
								<i class="right bkground-index inblock mtm"></i>
								<a href="#" class="f12 right mtm">更多</a>
							</span>
						</div>
						<div id="List-content" class="bkground-indexBill cl">
							<dl id="ListAll" class="left">
								<dt id="List-top" class="blockc cl pos">
									<div id="List-top-L" class="pos">
										<img src="img/section/18696095720518497.jpg" class="block"/>
										<a href="#" class="abs bkground-coverall inblock" title="云飙升榜"></a>
									</div>
									<div id="List-top-R" class="abs">
										<a href="#">
											<h3 class="f14 ellipsis">云音乐飙升榜</h3>
										</a>
										<div class="cl mtm">
											<a href="#" class="left block bkground-index"></a>
											<a href="#" class="left block bkground-index"></a>
										</div>
									</div>
									<dd id="List-bottom">
										<ol>
											<li class="cl pos">
												<span class="left pos txt-center f16 red-c10">1</span>
												<a href="#" title="Walk On Water" class="left f12">Walk On Water</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16 red-c10">2</span>
												<a href="#" title="大田後生仔" class="left f12">大田後生仔</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16 red-c10">3</span>
												<a href="#" title="我怀疑你曾来过" class="left f12">我怀疑你曾来过</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">4</span>
												<a href="#" title="拾忆" class="left f12">拾忆</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">5</span>
												<a href="#" title="惨绿少年" class="left f12">惨绿少年</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">6</span>
												<a href="#" title="风停了雨停了我们还拥抱着" class="left f12">风停了雨停了我们还拥抱着</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">7</span>
												<a href="#" title="往世界反方向走" class="left f12">往世界反方向走</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">8</span>
												<a href="#" title="DWAY!" class="left f12">DWAY！</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">9</span>
												<a href="#" title="远走高飞" class="left f12">远走高飞</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">10</span>
												<a href="#" title="你懂就好了" class="left f12">你懂就好了</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<a id="selectAll" href="#" class="abs f12 block">查看全部></a>
											</li>
										</ol>
									</dd>
								</dt>
								
							</dl>
							<dl id="ListAll" class="left">
								<dt id="List-top" class="blockc cl pos">
									<div id="List-top-L" class="pos">
										<img src="img/section/18713687906568048.jpg" class="block"/>
										<a href="#" class="abs bkground-coverall inblock" title="云音乐新歌榜"></a>
									</div>
									<div id="List-top-R" class="abs">
										<a href="#">
											<h3 class="f14 ellipsis">云音乐新歌榜</h3>
										</a>
										<div class="cl mtm">
											<a href="#" class="left block bkground-index"></a>
											<a href="#" class="left block bkground-index"></a>
										</div>
									</div>
									<dd id="List-bottom">
										<ol>
											<li class="cl pos">
												<span class="left pos txt-center f16 red-c10">1</span>
												<a href="#" title="大田後生仔" class="left f12">大田後生仔</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16 red-c10">2</span>
												<a href="#" title="Walk On Water" class="left f12">Walk On Water</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16 red-c10">3</span>
												<a href="#" title="偏爱" class="left f12">偏爱</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">4</span>
												<a href="#" title="I Love You 3000 II" class="left f12">I Love You 3000 II</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">5</span>
												<a href="#" title="大田後生仔" class="left f12">大田後生仔</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">6</span>
												<a href="#" title="太阳" class="left f12">太阳</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">7</span>
												<a href="#" title="失乐" class="left f12">失乐</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">8</span>
												<a href="#" title="那女孩对我说(女生正式版)" class="left f12">那女孩对我说(女生正式版)</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">9</span>
												<a href="#" title="太多" class="left f12">太多</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">10</span>
												<a href="#" title="拾忆" class="left f12">拾忆</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<a id="selectAll" href="#" class="abs f12 block">查看全部></a>
											</li>
										</ol>
									</dd>
								</dt>
								
							</dl>
							<dl id="ListAll" class="left">
								<dt id="List-top" class="blockc cl pos">
									<div id="List-top-L" class="pos">
										<img src="img/section/18740076185638788.jpg" class="block"/>
										<a href="#" class="abs bkground-coverall inblock" title="网易原创歌曲榜"></a>
									</div>
									<div id="List-top-R" class="abs">
										<a href="#">
											<h3 class="f14 ellipsis">网易原创歌曲榜</h3>
										</a>
										<div class="cl mtm">
											<a href="#" class="left block bkground-index"></a>
											<a href="#" class="left block bkground-index"></a>
										</div>
									</div>
									<dd id="List-bottom">
										<ol>
											<li class="cl pos">
												<span class="left pos txt-center f16 red-c10">1</span>
												<a href="#" title="星子" class="left f12">星子</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16 red-c10">2</span>
												<a href="#" title="知我" class="left f12">知我</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16 red-c10">3</span>
												<a href="#" title="色彩调和" class="left f12">色彩调和</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">4</span>
												<a href="#" title="风铃" class="left f12">风铃</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">5</span>
												<a href="#" title="夕阳·日落" class="left f12">夕阳·日落</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">6</span>
												<a href="#" title="回到原点" class="left f12">回到原点</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">7</span>
												<a href="#" title="有人用沉默把理想窃取" class="left f12">有人用沉默把理想窃取</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">8</span>
												<a href="#" title="马王的浪漫" class="left f12">马王的浪漫</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">9</span>
												<a href="#" title="We Love In The 90s" class="left f12">We Love In The 90s</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<span class="left pos txt-center f16">10</span>
												<a href="#" title="消失的女人" class="left f12">消失的女人</a>
												<div id="small-pic" class="cl abs">
													<a href="#" title="播放" class="left block bkground-index"></a>
													<a href="#" title="添加到播放列表" class="left block bkground-icon"></a>
													<a href="#" title="收藏" class="left block bkground-index"></a>
												</div>
											</li>
											<li class="cl pos">
												<a id="selectAll" href="#" class="abs f12 block">查看全部></a>
											</li>
										</ol>
									</dd>
								</dt>
							</dl>
						</div>
					</div>
				</div>
			</div>
				
			<!-- 右部分内容 -->
			<div id="content-R" class="abs">
				<div id="load-block">
					<p class="f12">登陆网易云，可以享受无限收藏的乐趣，并且无限同步到手机</p>
					<a href="#" id="load" class="f14 block txt-center">用户登录</a>
				</div>
				<div id="singer" class="pos plw prw">
					<h3 class="pos ptn">
						<span class="f12 abs">入住歌手</span>
						<a href="#" class="f12 abs">查看全部 ></a>
					</h3>
					<!-- 音乐人列表 -->
					<ul id="person-music" class="mtw">
						<li class="mtw cl">
							<a href="#" class="inblock cl">
								<div>
									<img src="./img/section/aMEl.jpg" class="left"/>
								</div>
								<div class="left">
									<h4 class="f14">张惠妹aMEI</h4>
									<p class="f12 ellipsis">台湾歌手张惠妹</p>
								</div>
							</a>
						</li>
						<li class="mtm cl">
							<a href="#" class="inblock cl">
								<div>
									<img src="./img/section/Fine.jpg" class="left"/>
								</div>
								<div class="left">
									<h4 class="f14">Fine乐团</h4>
									<p class="f12 ellipsis">独立音乐人</p>
								</div>
							</a>
						</li>
						<li class="mtm cl">
							<a href="#" class="inblock cl">
								<div>
									<img src="./img/section/19027048718765608.jpg" class="left"/>
								</div>
								<div class="left">
									<h4 class="f14">万晓利</h4>
									<p class="f12 ellipsis">民谣歌手、中国现代民谣的代表人之一</p>
								</div>
							</a>
						</li>
						<li class="mtm cl">
							<a href="#" class="inblock cl">
								<div>
									<img src="./img/section/7943971513291094.jpg" class="left"/>
								</div>
								<div class="left">
									<h4 class="f14">音乐人赵雷</h4>
									<p class="f12 ellipsis">民谣歌手</p>
								</div>
							</a>
						</li>
						<li class="mtm cl">
							<a href="#" class="inblock cl">
								<div>
									<img src="./img/section/109951163892302996.jpg" class="left"/>
								</div>
								<div class="left">
									<h4 class="f14">王三傅</h4>
									<p class="f12">音乐人</p>
								</div>
							</a>
						</li>
					</ul>
					<div id="apply-personMusic">
						<a href="#" class="inblock txt-center f14 mtw">申请成为网易音乐人</a>
					</div>
				</div>
				<!-- hot-host 热门主播 -->
				<div id="hotHost">
					<div id="text">
						<p class="f12 txt-left mtv">热门主播</p>
					</div>
					<div id="Host">
						<ul class="cl">
							<li class="mlw mrw left mtw">
								<a href="#"><img src="./img/section/1407374893913311.jpg" class="left mrm"/></a>
								<div id="info">
									<p>
										<a href="#" class="f12 inblock">陈立</a>
										<img src="./img/section/v.png"/>
									</p>
									<p class="f12">心理学家、美食家陈立教授</p>
								</div>
							</li>
							<li class="mlw mrw left mtm">
								<a href="#"><img src="./img/section/7942872001461517.jpg" class="left mrm"/></a>
								<div id="info">
									<p>
										<a href="#" class="f12 inblock">DJ艳秋</a>
										<img src="./img/section/v.png"/>
									</p>
									<p class="f12">著名音乐节目主持人</p>
								</div>
							</li>
							<li class="mlw mrw left mtm">
								<a href="#"><img src="./img/section/3427177769086282.jpg" class="left mrm"/></a>
								<div id="info">
									<p>
										<a href="#" class="f12 inblock">用户324314596</a>
										<img src="./img/section/v.png"/>
									</p>
									<p class="f12">国家大剧院古典音乐官方</p>
								</div>
							</li>
							<li class="mlw mrw left mtm">
								<a href="#"><img src="./img/section/3130309604335651.jpg" class="left mrm"/></a>
								<div id="info">
									<p>
										<a href="#" class="f12 inblock">谢谢收听</a>
										<img src="./img/section/v.png"/>
									</p>
									<p class="f12">南京电台主持人王馨</p>
								</div>
							</li>
							<li class="mlw mrw left mtm">
								<a href="#"><img src="./img/section/3440371884651965.jpg" class="left mrm"/></a>
								<div id="info">
									<p>
										<a href="#" class="f12 inblock">DJ晓苏</a>
										<img src="./img/section/v.png"/>
									</p>
									<p class="f12">独立DJ，CRI环球官博特邀DJ</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
